<!DOCTYPE html>
<html>

<head>

    {include file="Public/header"}
    <link rel="stylesheet" type="text/css" href="__STATIC__/layout/css/plugins/webuploader/webuploader.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/layout/css/demo/webuploader-demo.css">

    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
        .imgino {
            height: 68px;
            width: 68px;
        }

        ul li {
            list-style: none;
        }

        img[name="deng"] {
            width: 60px;
            height: 81px;
        }

        .sp {
            display: inline-block;
            padding-right: 38px;
            position: relative;
            /* height: 160px; */
            height: 125px;
        }

        .sp:first-child .bg {
            left: 50%;
            margin-left: -16px
        }

        .spPass {
            color: #75d343
        }

        .me {
            height: 89px
        }

        .me .passName {
            border: 2px solid #666666;
        }

        .me .passTop {
            border-color: #666666 transparent transparent;
            top: 18%;
        }

        .me .passButtom {
            bottom: -37%;
        }

        .me .passIcon {
            background: url(__STATIC__/layout/img/me.png);
            background-repeat: no-repeat;
        }

        .bg {
            background: url(__STATIC__/layout/img/bgd.png) repeat 0px 50px;
            position: absolute;
            width: 80%;
            height: 50%;
            z-index: 1;
            top: 34%;
            top: 43%;
            left: 40%;
        }

        .passName {
            border: 2px solid #28b76a;
            position: relative;
            padding: 0px 8px;
            border-radius: 4px;
            word-break: keep-all;
            z-index: 3;
            line-height: 18px;
        }

        .passTop {
            position: absolute;
            left: 50%;
            top: 73%;
            margin-left: -6px;
            margin-top: 17px;
            display: block;
            width: 0;
            height: 0;
            border-width: 8px 6px 0;
            border-style: solid dashed dashed;
            border-color: #28B76A transparent transparent;
            font-size: 0;
            line-height: 0;
        }

        .passButtom {
            width: 0;
            height: 0;
            position: absolute;
            display: block;
            left: 50%;
            bottom: -6px;
            margin-left: -8px;
            margin-top: -9px;
            border-width: 10px 8px 0;
            border-style: dashed dashed solid;
            border-color: #fffefd transparent transparent;
            font-size: 0;
            line-height: 0;
        }

        .start .passIcon {
            background: url(__STATIC__/layout/img/tiJiaoLiuCheng.png);
            background-repeat: no-repeat
        }

        .passIcon {
            width: 20px;
            height: 57px;
            background: url(__STATIC__/layout/img/pass.png);
            display: block;
            margin-top: 28px;
            position: absolute;
            z-index: 2;
            margin-left: -28px;
            left: 50%;
            background-repeat: no-repeat;
        }

        .shenpi {
            /*display: none;*/
            width: 200px;
            height: auto;
            position: absolute;
            padding: 5px 10px;
            border: 2px solid #bbbbbb;
            border-radius: 4px;
            margin-top: 40px;
            margin-left: -91px;
            background: #fffefd;
            z-index: 11;
        }

        .shenpi .top {
            width: 0;
            height: 0;
            position: absolute;
            display: block;
            left: 50%;
            top: 0;
            margin-left: -8px;
            margin-top: -12px;
            border-width: 0 8px 10px;
            border-style: dashed dashed solid;
            border-color: transparent transparent #bbbbbb;
            font-size: 0;
            line-height: 0;
            background: #fffefd;
        }

        .shenpi .buttom {
            width: 0;
            height: 0;
            position: absolute;
            display: block;
            left: 50%;
            top: 0;
            margin-left: -8px;
            margin-top: -9px;
            border-width: 0 8px 10px;
            border-style: dashed dashed solid;
            border-color: transparent transparent #fffefd;
            font-size: 0;
            line-height: 0;
        }

        .dengPrice {
            font-size: 20px
        }

        .cainainActive {
            color: #54a9fc;
            border-bottom: 2px solid #54a9fc;
        }
    </style>

</head>

<body class="gray-bg" style="padding: 3px;font-size: 13px">
<div class="container bs-docs-container" style="background: #fff">
    <div class="bs-docs-section">
        <div class="bs-example bs-example-type">
            <form action="" id="form1" method="post">
                <table class="table row-margin-top text-center">
                    <tbody>
                    <tr class="text-center">
                        <td style="border:0">
                            <img src="__STATIC__/layout/img/feiChangGui.png" style="float: left;"/>
                            <div class="form-group text-center" style="float: left;margin-left: 31%">
                                <h1>{$info.jxs_name}渠道费用</h1>
                                <p class="padding-10">申请人： <span>{$info.sqr}({$info.sqr_job})</span></p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <h2 class="text-center">基本信息</h2>
                            <img src="__STATIC__/layout/img/fengexian.png">
                            <div class="row padding-10" style="margin: 20px 0 30px">
                                <div class="col-md-2">
                                </div>
                                <div class="col-md-2">
                                    <img src="__STATIC__/layout/img/customerOrDealer.png" class="imgino">
                                    <ul>
                                        <li class="text-success">区域/经销商</li>
                                        <li class="">{$info.zoning}/{$info.provice}/{$info.city}</li>
                                        <li class="">{$info.jxs_name}</li>
                                        <li class="colorRed">{$info.jxs_type}</li>
                                    </ul>
                                </div>
                                <div class="col-md-2">
                                    <img src="__STATIC__/layout/img/activityTime.png" class="imgino">
                                    <ul>
                                        <li class="text-success">活动时间</li>
                                        <li class="">从 <span>{:date('Y-m-d',$info.start)}</span></li>
                                        <li class="">到 <span>{:date('Y-m-d',$info.end)}</span></li>
                                    </ul>
                                </div>

                                <div class="col-md-2">
                                    <img src="__STATIC__/layout/img/activityProduct.png" class="imgino">
                                    <ul>
                                        <li class="text-success">活动{$info.pro_label}</li>
                                        <li class="">{$info.pro_name}</li>
                                        <li class="">. . .</li>
                                        <li>
                                            ({if $info.p_cnt}共 <span>{$info.p_cnt}个{$info.pro_label}</span>
                                            {/if})
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-md-2">
                                    <img src="__STATIC__/layout/img/expenseType.png" class="imgino">
                                    <ul>
                                        <li class="text-success">费用类型</li>
                                        <li class="">{$info.fylx_name}</li>
                                        {if $info.fylx>0}
                                        <li class="">. . .</li>
                                        {/if}
                                        <li class="">(共 <span>{$info.fylx}</span>种类型)</li>
                                    </ul>
                                </div>
                                <div class="col-md-2">

                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="padding:0 0 20px">
                            <h2 class="text-center">决策信息</h2>
                            <img src="__STATIC__/layout/img/fengexian.png">
                            <div class="row row-margin-top padding-10" style="margin:20px 0 40px">
                                <div class="col-md-1"></div>
                                <div class="col-md-2">
                                    <div style="height: 160px;">
                                        <img src="__STATIC__/layout/img/feiYongE.png" name="
          			deng" class="huang" style="margin-top: 50px;">
                                        <p class="dengText" style="padding: 5px 0">费用额(元)</p>
                                        <p class="dengPrice font-bold">{$info.fye}<input title="压缩费用" type="button"
                                                                                         onclick="yaSuoFeiYong();"
                                                                                         style="border-radius: 0px;border: none;width: 21px;height: 22px;background-image: url(__STATIC__/layout/img/yasuofeiyong.png);">
                                        </p>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div style="height: 160px;">
                                        {if $checkwt.fyl==1} <img src="__STATIC__/layout/img/hong.png" name="
                deng" class="huang" style="margin-top: 50px;">
                                    {else/} <img src="__STATIC__/layout/img/lv.png" name="
                deng" class="huang" style="margin-top: 50px;">
                                    {/if}
                                        <p class="dengText" style="padding: 5px 0">销量(元)/费用率(%)</p>
                                        <p class="dengPrice font-bold">{$info.xl}/{$info.fyl}%</p>
                                        {if $checkwt.fyl==1} <p class="colorRed">不符合公司规定</p>{/if}
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div style="height: 160px;">
                                        {if $checkwt.roi>=1}
                                    <img src="__STATIC__/layout/img/hong.png" name="
                deng" class="huang" style="margin-top: 50px;">
                                {else/} <img src="__STATIC__/layout/img/lv.png" name="
                deng" class="huang" style="margin-top: 50px;">
                                    {/if}
                                        <p class="dengText" style="padding: 5px 0">ROI(%)</p>
                                        <p class="dengPrice font-bold">{$info.roi}%</p>
                                        {if $checkwt.roi==1}<p class="colorRed">低</p>{elseif $checkwt.roi==2}高{/if}
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div style="height: 160px;">
                                    {if $checkwt.ys==3}
                                        <img src="__STATIC__/layout/img/hong.png" name="
                deng" class="huang" style="margin-top: 50px;">
                                     {elseif $checkwt.ys==2}
                                      <img src="__STATIC__/layout/img/huang.png" name="
                deng" class="huang" style="margin-top: 50px;">
                                    {elseif $checkwt.ys==1}
                                     <img src="__STATIC__/layout/img/huang.png" name="
                deng" class="huang" style="margin-top: 50px;">
                                    {else/}
                                     <img src="__STATIC__/layout/img/lv.png" name="
                deng" class="huang" style="margin-top: 50px;">
                                    {/if}
                                        <p class="dengText" style="padding: 5px 0">费用预算</p>
                                         {if $checkwt.ys==3}
                                    <p class="colorRed">超预算</p>
                                    {elseif $checkwt.ys==2}
                                    <p class="colorYellow">将超预算</p>
                                     {elseif $checkwt.ys==1}
                                     <p class="ckText">未设定预算</p>
                                     {/if}
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div style="height: 160px;">
                                        <img src="__STATIC__/layout/img/lv.png" name="
                deng" class="huang" style="margin-top: 50px;">
                                        <p class="dengText" style="padding: 5px 0">活动是否重复</p>
                                        <p class="" style="color: #75d343">无重复申请</p>
                                    </div>
                                </div>
                                <div class="col-md-1"></div>
                            </div>
                            <p class="padding-10 text-right">
                                <button class="btn btn-sm btn-primary btnActivity" type="button">查看具体问题点</button>
                            </p>
                            <table class="table-bordered table bud_hei row-margin-top tableActivity"
                                   style="display: none;">
                                <tr class="info font-bold text-left">
                                    <td>问题具体说明：</td>
                                </tr>
                                <tr class="text-left">
                                    <td>
                                         {volist name="wtd" id="w"}
                                            {$i}、{$w}<br/>
                                            {/volist}
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table class="table-bordered table bud_hei text-center row-margin-top">
                                <tr class="info">
                                    <td>活动时间</td>
                                    <td>费用类型</td>
                                    <td>{$info.pro_label}</td>
                                    <td>实际投入(元)</td>
                                    <td>预计销量(元)</td>
                                    <td>预计费用率</td>
                                    <td>支付方式</td>
                                </tr>
                                {volist name="ti_list" id="row"}
                                <tr class="text-right">
                                    <td class="text-center">从{:date("Y-m-d",$row.start)}<br>至{:date("Y-m-d",$row.end)}
                                    </td>
                                    <td class="text-left">{$row.feetype_name}</td>
                                    <td class="text-left">{$row.product_name}</td>
                                    <td class="ObjectNum">{$row.yjsjtrfy}</td>
                                    <td class="ObjectNum">{$row.totalExpectedSales}</td>
                                    <td>{$row.yjfyl}%</td>
                                    <td class="text-left">{$row.zffs}</td>
                                </tr>
                                {/volist}
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="row">
                            <div style="width: 30%; float: left;margin-left: 30px;font-size: 20px" class="font-bold">
                                

                                <div style="width: 10px; border: 0px solid red; float: left;">&nbsp;</div>

                                <div id="nianDuBaoBiao" class="dealerBaoBiaoTwo form-group"
                                     style="float: left;padding: 4px 6px;cursor: pointer;">{$nownian}
                                </div>
                            </div>
                            <h2 class="text-center" style="float: left;margin-left: 12%">本财年客户情况</h2>
                        </div>
                        <img src="__STATIC__/layout/img/fengexian.png">
                        <div class="padding-10">
                            <div class="col-md-4">
                                <table class="table text-left" style="margin:0 10px;border: 1px solid #e7eaec">
                                    <tr>
                                        <td colspan="2" class="text-center" style="border-bottom: 2px solid #54a9fc">
                                            目标达成率 <span class="font-bold" style="font-size: 20px;">{$cnqk.tardacheng}</span>%</td>
                                    </tr>
                                    <tr>
                                        <td style="width: 50px;">
                                            经销商目标
                                        </td>
                                        <td>
                                            <div style="margin-top:20px;padding: 25px 1px 20px">
                                                <div class="progress">
                                                    <div class="progress-bar" role="progressbar" aria-valuenow="60"
                                                         aria-valuemin="{$cnqk.tarbi}" {if $cnqk.tarbi<10}style="color:red"{/if}  aria-valuemax="100" style="width: {$cnqk.tarbi}%;">
                                                        {$cnqk.tar/10000}
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 50px;border: 0">
                                            实际发运
                                        </td>
                                        <td style="border: 0">
                                              <div style="margin-top:20px;padding: 25px 1px 20px">
                                                <div class="progress">
                                               <div class="progress-bar progress-bar-info" {if $cnqk.fybi<10}style="color:red"{/if} role="progressbar" aria-valuenow="{$cnqk.fybi}" aria-valuemin="0" aria-valuemax="100" style="width: {$cnqk.fybi}%;">
                                                      {$cnqk.fy/10000}
                                                </div>
                                             </div>
                                             </div>
                                            
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2" class="text-right">单位：万元</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-4">
                                <table class="table" style="margin:0 10px;border: 1px solid #e7eaec">
                                    <tr>
                                        <td colspan="2" class="text-center" style="border-bottom: 2px solid #54a9fc">
                                            剩余预算额 <span class="font-bold colorRed" style="font-size: 20px">{$cnqk.ysno/10000}万元</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 50px;">
                                            已用预算额
                                        </td>
                                        <td>
                                            <div style="margin-top:20px;padding: 25px 1px 20px">
                                                <div class="progress">
                                                    <div class="progress-bar" role="progressbar" aria-valuenow="60"
                                                         aria-valuemin="0" aria-valuemax="100" {if $cnqk.ysbi<10}style="color:red"{/if} style="width: {$cnqk.ysbi}%;">
                                                        {$cnqk.has/10000}
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 50px;border: 0">
                                            剩余预算额
                                        </td>
                                        <td style="border: 0">
                                            <div style="margin-top:20px;padding: 25px 1px 20px">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-info" role="progressbar"
                                                         aria-valuenow="{$cnqk.ysbi}" {if $cnqk.ysnobi<10}style="color:red"{/if} aria-valuemin="0" aria-valuemax="100"
                                                         style="width: {$cnqk.ysnobi}%;">
                                                        {$cnqk.ysno/10000}
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2" class="text-right">单位：万元</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-4">
                                <table class="table" style="margin:0 10px;border: 1px solid #e7eaec">
                                    <tr>
                                        <td colspan="2" class="text-center" style="border-bottom: 2px solid #54a9fc">
                                            {if $cnqk.fyl>=$cnqk.sfyl}预算≥实际{else/}预算<实际{/if} <span class="font-bold" style="font-size: 20px">{$cnqk.cfyl}%</span></td>
                                    </tr>
                                    <tr>
                                        <td style="width: 50px;">
                                            预算费用率
                                        </td>
                                        <td>
                                            <div style="margin-top:20px;padding: 25px 1px 20px">
                                                <div class="progress">
                                                    <div class="progress-bar" role="progressbar" aria-valuenow="60"
                                                         aria-valuemin="0" aria-valuemax="100" {if $cnqk.fyl<10}style="color:red"{/if} style="width: {$cnqk.fyl}%;">
                                                        {$cnqk.fyl}%
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 50px;border: 0">
                                            实际费用率
                                        </td>
                                        <td style="border: 0">
                                            <div style="margin-top:20px;padding: 25px 1px 20px">
                                                <div class="progress">
                                                    <div class="progress-bar progress-bar-info" role="progressbar"
                                                         aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                         {if $cnqk.sfyl<10}style="color:red"{/if} style="width: {$cnqk.sfyl}%;"">
                                                        {$cnqk.sfyl}%
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2" class="text-right">单位：%</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p class="padding-10 text-right">
                                <button class="btn btn-sm btn-primary btnActivity1" type="button">查看费用投入及预算详情</button>
                                <span class="lr_5"></span><a class="btn btn-sm btn-primary"
                                                             href="{:url('workflowdb/noformalmx',['trackId'=>request()->param('trackId'),'workId'=>request()->param('workId'),'myId'=>request()->param('myId'),'id'=>$yw_id,'nodeId'=>$data.flowNode.nodeId])}">查看活动申请明细</a>
                            </p>
                            <div class=" tableActivity1" style="display:none;">
                                <table class="table-bordered table bud_hei text-center row-margin-top">
                                    <tr class="info">
                                        <td colspan="7" class="font-bold">费用投入详情(金额单位：元)</td>
                                    </tr>
                                    <tr class="info">
                                        <td>{$info.pro_label}</td>
                                        <td>预计销售</td>
                                        <td>基准销量</td>
                                        
                                        <td>三级费用科目</td>
                                        <td>预计费用额</td>
                                        <td>预计费用率</td>
                                        <td>预计ROI</td>
                                    </tr>
                                    {volist name="ti_list" id="row"}
                                        <tr class="text-right">
                                            <td class="text-left">{$row.product_name}</td>
                                             <td class="ObjectNum">{$row.totalExpectedSales}</td>
                                              <td class="ObjectNum">{$row.totalBenchmarkSales}</td>
                                            <td class="text-left">{$row.feetype_name}</td>
                                            
                                            <td class="ObjectNum">{$row.yjsjtrfy}</td>
                                           
                                            <td>{$row.yjfyl}%</td>
                                            <td class="text-left">{$row.yujiroi}%</td>
                                        </tr>
                                    {/volist}
                                    <tfoot>
                                    <tr class="font-bold">
                                        <td>总计</td>
                                        <td class="ObjectNum">{$heji.xl}</td>
                                        <td class="ObjectNum">{$heji.jizhun}</td>
                                        <td></td>
                                        
                                        <td class="ObjectNum">{$heji.fy}</td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                    </tfoot>
                                </table>
                                <table class="table-bordered table bud_hei text-center">
                                    <tr class="info">
                                        <td colspan="11" class="font-bold">财年预算使用情况(金额单位：元)</td>
                                    </tr>
                                    <tr class="info">
                                    <td>财政年度</td>
                                    <td>考核期</td>
                                    <td>渠道类型</td>
                                    <td>产品品牌</td>
                                    <td>二级费用科目</td>
                                    <td>预算金额</td>
                                    <td>已批复金额</td>
                                    <td>未使用金额</td>
                                    <td>申请中金额</td>
                                    <td>本次申请金额</td>
                                    <td>红绿灯</td>
                                </tr>
                                {volist name="yusuande" id="y"}
                                    <tr class="text-right">
                                    <td class="text-left">{$y.cainian}</td>
                                    <td class="text-left">{$y.kaoheqi}</td>
                                    <td class="text-left">{$y.channel}</td>
                                    <td class="text-left">{$y.pinpai}</td>
                                    <td class="text-left">{$y.erjifeiyong}</td>
                                    <td class="ObjectNum">{$y.jine}</td>
                                    <td class="ObjectNum">{$y.ytongguo}</td>
                                    <td class="ObjectNum">{$y.weiyong}</td>
                                    <td class="ObjectNum">{$y.shenqingzhong}</td>
                                    <td class="ObjectNum">{$y.sjine}</td>
                                    <td class="text-center middle">
                                        {if $y.deng==2}
                                        <img src="__STATIC__/layout/img/red_25.png" style="vertical-align:bottom;">
                                        <span>红灯</span>
                                        {elseif $y.deng==1}
                                        <img src="__STATIC__/layout/img/yellow_25.png" style="vertical-align:bottom;">
                                        <span>黄灯</span>
                                        {else}
                                        <img src="__STATIC__/layout/img/green_25.png" style="vertical-align:bottom;">
                                        <span>绿灯</span>
                                        {/if}
                                    </td>
                                    </tr>
                                {/volist}
                                </table>
                                <p class="padding-10 text-left">
                                    温馨提示： <br>
                                    1.以上信息仅体现活动开始时间对应的财政年度的预算及预算是用信息。 <br>
                                    2.红灯表示已批复金额大于预算金额；绿灯表示未使用金额大于或等于申请中金额；黄灯表示未使用金额小于申请中金额。
                                </p>
                                <p class="padding-10 font-bold">本申请中包含1个经销商，其中{volist name="sjfykm" id="s"} {$s.feetype_name}： <span class="num2">{$s.sqje}</span>元。{/volist}总费用：
                                    <span>{$heji.fy}</span>元。总预计销量： <span>{$heji.xl}</span>元；总费用率： <span>{$info.fyl}</span>%；总ROI：
                                    <span>{$info.roi}</span>%
                                </p>
                            </div>
                            <h2 class="text-center">审批信息</h2>
                            <h6>本次申请已耗时 {$bcsqhs}</h6>
                            <img src="__STATIC__/layout/img/fengexian.png">
                            <div class="form-group white-bg text-left" style="margin:20px 10px 20px 20px;">
                                {if isset($attach)}
                                <ul class="list-group">
                                    {volist name="attach" id="row"}
                                    <li class="list-group-item">
                                        <!--<a class="badge badge-primary removeIt" data-id="{$row.id}">移除</a>-->
                                        <a href="{$row.path}" target="_blank">{$row.file_name}</a></li>
                                    {/volist}
                                </ul>
                                {/if}
                                <div id="uploader" class="wu-example">
                                    <!--用来存放文件信息-->
                                    <div id="thelist" class="uploader-list"></div>
                                    <div class="btns">
                                        <div id="picker">选择文件</div>
                                        <button id="ctlBtn" class="btn btn-default">开始上传</button>
                                    </div>
                                    <input type="hidden" name="attach" id="attach">
                                    <input type="hidden" name="remove" id="remove">
                                </div>
                                <span>注：最多上传15个文件，每个文件小于50M,支持格式：</span><br>jpg,bnp,gif,png,jpeg,tif,raw,doc,docx,xls,xlsx,ppt,pptx,txt,pdf,rar,zip,mp4,avi,rmvb,rm,mid,3gp,AVI,3GP,,mpg,mp3,wma,wav
                            </div>
                            <!--<table class="table-bordered table bud_hei">
                                <tr>
                                    <td>选择抄送人员：</td>
                                    <td>
                                        <div class="input-group" style="float: left;">
                                            <input id="area_id" type="text" placeholder="请输入关键字或空格查询" class="form-control"
                                                   value="" style="min-width: 300px;width: 300px" autocomplete="off">
                                            <div class="input-group-btn">
                                                <ul class="dropdown-menu dropdown-menu-right" role="menu"
                                                    style="padding-top: 0px; max-height: 375px; max-width: 800px; overflow: auto; width: auto; transition: 0.3s;">
                                                </ul>
                                            </div>
                                        </div>
                                        <a href="javascript:;" id="select_area" class="btn btn-primary btn-sm"
                                           style="float: left;">选择</a></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </table>-->
                            <div class="padding-10" style="margin-bottom: 30px">
                                {volist name="czjl" id="row" key="k"}
                                {if $k==1}
                                <div class="sp start">
                                    <div class="bg"></div>
                                    <div class="passName">
                                        <div class="passTop"></div>
                                        <div class="passButtom"></div>
                                        {$row.username}
                                        <br>{$row.nodename}
                                        <br>{$row.actiontime}
                                    </div>
                                    <span class="passIcon">
                                        <div class="shenpi" align="left" style="display: none;">
                                            <div class="top"></div>
                                            <div class="buttom"></div>
                                            提交人：<span>{$row.username}</span> <br>
                                            提交时间：<span>{$row.actiontime}</span><br>
                                        </div>
                                    </span>
                                </div>
                                {else}
                                <div class="sp">
                                    <div class="bg"></div>
                                    <div class="passName">
                                        <div class="passTop"></div>
                                        <div class="passButtom"></div>
                                        {$row.username}
                                        <br>{$row.nodename}
                                        <br>{$row.actiontime}
                                    </div>
                                    <span class="passIcon">
                                        <div class="shenpi" align="left" style="display: none;">
                                            <div class="top"></div>
                                            <div class="buttom"></div>
                                              审批人：<span>{$row.username}</span> <span class="spPass">{$row.memo}</span><br>
                                              审批时间：<span>{$row.actiontime}</span><br>
                                              审批意见：<span>ok</span>
                                        </div>
                                    </span>
                                </div>
                                {/if}
                                {/volist}
                                <div class="sp me">
                                    <div class="passName">
                                        <div class="passTop"></div>
                                        <div class="passButtom"></div>
                                        我
                                    </div>
                                    <span class="passIcon">
                                        <div class="shenpi" align="center" style="display: none;">
                                            <div class="top"></div>
                                            <div class="buttom"></div>
                                            待审批
                                        </div>
                                    </span>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="row padding-10">
                                <!--<button class="btn btn-primary" type="button" id="bc">抄送归档</button>-->
                               
                        <input type="hidden" name="id" value="{$info.id}"/>
                            <div class="padding-10 text-left form-group">
                                <label class="checkbox-inline" for="fankui">
                                    <input type="checkbox" name="sfxyfk" id="fankui" {if $info.sfxyfk==1} checked {/if} class="" style="margin-top: 2px;">是否需要反馈
                                    <span class="colorRed">(如需反馈请勾选)</span>
                                </label>
                            </div>
                            <div class="row padding-10">
                                <button class="btn btn-primary" type="button" id="tijiao">进入下一步</button>
                               <!-- <button class="btn btn-info" type="button">打回修改</button>
                                <button class="btn btn-success" type="button">审批通过</button>-->
                            </div>
                        
                                <!--<button class="btn btn-danger" type="button">驳回拆分人</button>-->
                                <!--<button class="btn btn-danger" type="button" id="ryth">任意退回</button>-->
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <input type="hidden" name="nodeId" value="{$data.flowNode.nodeId}">
            </form>
        </div>
    </div>
</div>
<!-- 全局js -->
{include file="Public/footer"}
<script src="__STATIC__/layout/js/plugins/suggest/bootstrap-suggest.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/common.js"></script>
<script type="text/javascript">
    //任意退回
    $('#ryth').on('click',function () {
        $.post('{:url("ryth")}',{workId:'{:request()->param("workId")}',trackId:'{:request()->param("trackId")}',nodeId:'{$data.flowNode.nodeId}'},function (data) {
            console.log(data)
        })
    })
    var $ObjectNum = $(".ObjectNum");
    toNum($ObjectNum);

    $(".btnActivity").click(function () {
        var str = $(this).html()

        /*console.log(tr)*/
        if (str == "查看具体问题点") {
            $(".tableActivity").show();
            $(this).html("收起具体问题点");
        } else {
            $(".tableActivity").hide();
            $(this).html("查看具体问题点")
        }
    })
    $(".btnActivity1").click(function () {
        var str = $(this).html()

        /*console.log(tr)*/
        if (str == "查看费用投入及预算详情") {
            $(".tableActivity1").show();
            $(this).html("收起费用投入及预算详情");
        } else {
            $(".tableActivity1").hide();
            $(this).html("查看费用投入及预算详情")
        }
    })
    /*请输入关键字或空格查询*/
    var jieshou = $("#area_id");
    sousuo(jieshou);

    function sousuo(id) {
        id.bsSuggest({
            allowNoKeyword: false, //是否允许无关键字时请求数据
            multiWord: true, //以分隔符号分割的多关键字支持
            separator: ",", //多关键字支持时的分隔符，默认为空格
            getDataMethod: "url", //获取数据的方式，总是从 URL 获取
            url: 'http://unionsug.baidu.com/su?p=3&t=' + (new Date()).getTime() + '&wd=',
            /*优先从url ajax 请求 json 帮助数据，注意最后一个参数为关键字请求参数*/
            jsonp: 'cb',
            /*如果从 url 获取数据，并且需要跨域，则该参数必须设置*/
            processData: function (json) { // url 获取数据时，对数据的处理，作为 getData 的回调函数
                var i, len, data = {
                    value: []
                };
                if (!json || !json.s || json.s.length === 0) {
                    return false;
                }

                // console.log(json);
                len = json.s.length;

                jsonStr = "{'value':[";
                for (i = 0; i < len; i++) {
                    data.value.push({
                        word: json.s[i]
                    });
                }
                data.defaults = 'baidu';

                //字符串转化为 js 对象
                return data;
            }
        });

    }

    $(document).on("click", ".delthis", function () {
        var _$this = this
        console.log(_$this)
        swal({
                title: "",
                text: "确定删除！",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                closeOnConfirm: false,
                closeOnCancel: false
            },
            function (isConfirm) {
                if (isConfirm) {
                    // console.log(_$this);
                    $(_$this).closest("tr").remove();
                    swal("删除！", "成功", "success");

                } else {
                    swal("取消！", "", "error");
                }
            });
    });

    /*passIcon*/
    $(function () {
        $(".passIcon").mouseover(function () {
            $(this).find(".shenpi").show();
        });
        $(".passIcon").mouseout(function () {
            $(this).find(".shenpi").hide();
        });
    });
    $(function () {
       $('#tijiao').click(function () {
        var param = $('#form1').serialize()
        $.post('{:url("tjsp_cg")}',param,function (data) {
            //lert(data);
            var re=JSON.parse(data);
            if(re['success']){
                swal({title:"保存成功"},function () {
                    location.href='{:url("gzlsp",["workId"=>request()->param("workId"),"trackId"=>request()->param("trackId")])}'
                    return false
                })
            }else{
                swal({title:re["msg"]})
            }
        })
        return false
    })

    })
</script>
</body>
<!-- Web Uploader -->
<script type="text/javascript">
    // 添加全局站点信息
    var BASE_URL = '__STATIC__/layout/js/plugins/webuploader';
    var upload_url = '{:url("upload/fileupload")}';
</script>
<script src="__STATIC__/layout/js/plugins/webuploader/webuploader.min.js"></script>
<script src="__STATIC__/layout/js/upload.js"></script>
</html>